<!DOCTYPE HTML>
<html lang="es">
  <head>
    
    <link href="/estilos/bootstrap.css" rel="stylesheet" media="screen"/>
    
    {% block codigos %} 
    <script type="text/javascript" src="/codigos/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="/codigos/bootstrap.js"></script>
    {% endblock codigos%}

    <!-- titulo -->
    <title>{% block titulo %}{% endblock titulo %}</title>
    <link href="*.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="/img/celebraloes.ico" />
    
    <!-- estilo -->
    <style type="text/css">
        /* Sticky footer styles
        -------------------------------------------------- */
        html,body {
            height: 100%;
        /* The html and body elements cannot have any padding or margin. */
        }

        /* Wrapper for page content to push down footer */
        #wrap {
            min-height: 100%;
            height: auto !important;
            height: 100%;
        /* Negative indent footer by it's height */
            margin: 0 auto -60px;
        }

        /* Set the fixed height of the footer here */
        #push,
        #footer {
            height: auto;
        }
        #footer {
            background-color: #cbd0e6;
        }

        /* Lastly, apply responsive CSS fixes as necessary */
        @media (max-width: 767px) {
            #footer {
                margin-left: -20px;
                margin-right: -20px;
                padding-left: 20px;
                padding-right: 20px;
            }
        }

        /* Custom page CSS
        -------------------------------------------------- */
        /* Not required for template or sticky footer method. */
        
        .container .credit {
            margin: 20px 0;
        }

    </style>
  </head>
  
  <body>
    
    <div id="wrap">
      
      <!-- Plantilla Pagina -->
      <div class="container">
        
        <!-- Cabecera -->
        <div class="contaider-fluid">
          
	  {# fila menu superior  #}  
	  <div class="row-fluid">
            <!-- logo -->
            <div class="span3">
              <a href="/"><img src="/img/Logo_Celebralo.jpg"></a>
            </div>
            
            <!-- cabecera -->
            <div class= "span8 offset1">
              <ul class="nav nav-pills">
                
                <!-- Menu -->
                <li><a href="/registro">Nuevo Anuncio</a></li>
                <li><a href="/perfil">Perfil</a></li>
                
		{# acceso a administracion #}
		{% if administrador %}
		<li><a href="/administracion">Zona Administracion</a></li>
		{% endif %}
		
                <!-- login -->
                {% if nombre_usuario %}
                <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href={{url}}>
                    {{nombre_usuario}}
                    <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <!-- links -->
                    <li><a href='{{url}}'>{{url_text}}</a></li>
                  </ul>
                  </li>
                {% else %}
                <li class="active"><a href={{url}}>{{url_text}}</a></li>
                {% endif %}
              </ul>
            </div>
          </div>
          
	  <div class="row-fluid">
	    <div class="span12">
  	      {% block contenido %}
	      {% endblock contenido %}
	    </div>
	  </div>
	  
	</div>
        
	
	
      </div>
      
      <div id="push"></div>
    </div>
    
    <!-- Pie de Pagina -->
    <div id="footer">
      <div class="container">
        <h6 class="offset2"><p class="muted credit">Celebralo.es <a class="offset1" href="http://localhost:8080/">Politica de Privacidad</a><a class="offset1" href="">Condiciones de Uso</a></p></h6>
      </div>
      
  </body>
</html>
